@use "./reset";

.app-container {
  padding: 15px;
  overflow: hidden;
  height: calc(100vh - 84px);
/*  background-color: #337ab7; */
  overflow:hidden;
}

.app-layout {
	display: flex;
	height: 100%;
}

.search-bar {
  // padding: 18px 0 0 10px;
  // margin-bottom: 10px;
  // background-color: var(--el-bg-color-overlay);
  // border: 1px solid var(--el-border-color-light);
  // border-radius: 4px;
  // box-shadow: var(--el-box-shadow-light);
}

.pane{
	background-color: var(--el-bg-color-overlay);
	height: 100%;
	color: var(--el-text-color-regular);
	/* box-shadow: var(--el-box-shadow-light); */
	border-radius: 4px;
	.head{
		height: 40px;
		display: flex;
		align-items: center;
		position: relative;
		min-height: 35px;
		background:var(--el-bg-color-overlay);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
		box-shadow: 0 0 4px rgba(0, 0, 0, .3);
		color: #555;
		padding-left: 12px;
		text-align: right;
		font-size: var(--el-menu-item-font-size);
	}
	.body{
		/* padding: 8px; */
		height:calc(100% - 45px);
		background-color: #fbfbfb;
		-webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
		-moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
		box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
		padding: 12px;
	}
}

:deep(.el-table th.el-table__cell) {
	background-color: #fafafa;
}
	
.table-container > .el-card__header {
  padding: calc(var(--el-card-padding) - 8px) var(--el-card-padding);
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32 160 255);
  }
}



.el-drawer__header {
    padding-bottom: 0 !important;
    padding: 10px !important;
    border-bottom: 1px solid var(--el-border-color-light) !important;
	margin-bottom:0px  !important;
}

.el-drawer__body {
    padding: 10px  !important;
}

.el-drawer__footer {
    padding: 10px !important;
    border-top: 1px solid var(--el-border-color-light) !important;
}

.drawer-blueprint-body{
	padding: 0px !important;
}

.section-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}

.title-form_primary {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #1f2329;
	position: relative;
	padding-left: 5px;
}
.title-form_primary:before {
  content: "";
  width: 2px;
  height: 14px;
  background: var(--el-color-primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
